<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.prime.com.tr/ui">

	<h:head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<h:outputStylesheet name="estilos.css" library="css" />
		<h:outputStylesheet name="styles.css" library="css" />
		<h:outputScript name="js/jquery.min.js" />
		<h:outputScript name="js/jquery-ui.js" />
		<title>SISTEMA DE GESTIÓN DE CALIDAD (SGC)</title>
	</h:head>

	<h:body style="background-color: #082B4B;">

		<h:form id="accessForm" >
			<script type="text/javascript">
				 $(document).ready(function(){
					
   					$('input:text').attr("autocomplete", "off");
 				});

			</script>
			<div class="tablaTodo" id="Todo">
				<div class="top"></div>

				<table border="0" class="cellContentFondo">
					<tr>
						<td>
							<div class="tableLogin">
								<h:panelGroup id="textPanel">

									<table border="0">
										<tr>
											<td colspan="3">
												<!--AREA MENSAJE DE ERRROR-->

												<p:messages id="msgs" showDetail="true" />

												<!--AREA MENSAJE DE ERRROR-->
											</td>
										</tr>
										<tr>
											<td>
												<h:outputLabel for="login">#{message['access.user']}</h:outputLabel>

											</td>
											<td>
												<f:event listener="#{access.validateAccess}" type="postValidate" />

												<h:inputText value="#{access.login}"  styleClass="TextBoxLoguin" id="login" maxlength="12" />

											</td>
											<td>
												&#160;
											</td>
										</tr>
										<tr>
											<td>
												<h:outputText value="#{message['access.pass']}" />
											</td>
											<td>
											
												<h:inputSecret value="#{access.password}" feedback="false" minLength="4" 
															styleClass="TextBoxLoguin" id="password" maxlength="12"/>

											</td>
											<td>
												<h:commandButton actionListener="#{access.process}" 
													value="#{message['access.singin']}"
													action="#{access.processAction}" id="authenticatee"
													styleClass="button verde" 
													/>
											
											
											</td>
										</tr>
									</table>

								</h:panelGroup>
							</div>
						</td>
					</tr>
				</table>

			</div>



		</h:form>
	</h:body>
</html>
